/* 
    Created on : 2016-3-17, 20:27:18
    Author     : dongtao <dongtao@xiaomi.com>
*/
*{outline: none}
ul,li,a{list-style: none}
a{text-decoration: none; color: #fff}
a:hover{color: #fff}
ul,li,body,div,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td{margin: 0; padding: 0}
table{text-align: center; border-collapse: collapse}
.table{text-align: left;}
.table td{padding:  0px 10px}
thead{background: #f4f5f9}
table td{border: 1px solid #e7e7eb; height: 40px; line-height: 40px;}
body{font: normal 14px/1.5 arial,'Hiragino Sans GB','Microsoft Yahei',sans-serif;background: #f5f5f5}

#header{position: fixed; width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 24px; background: #33414e; top: 0px; z-index: 9999}
#header div i{float: left;height: 24px; width: 24px; margin: 13px 10px 0 0; }
.logout{float: right; font-size: 14px; padding: 0 10px; cursor: pointer}

#left{width: 60px; background: #ddd; position: fixed; top: 50px; left: 0; height: 100%; z-index: 1000}
#left ul li{padding: 20px  0;text-align: center}
#left ul li div{font-size: 25px}
#left ul li span{font-size: 14px}
#left ul li:hover{background: #d6d5d5; color: #10af88; cursor: pointer}
#left ul .active{background: #d6d5d5; color: #10af88}

#right{margin-left: 60px; margin-top: 70px}
#right .x-box{margin: 20px; background: #fff}
.x-box-header{height: 50px;  border-bottom: 1px solid #e9e9e9}
.x-box-header ul .active,.x-box-header ul li:hover{border-bottom: 2px solid #10af88}
.x-box-header ul li{float: left;padding: 1px 20px; line-height: 48px; cursor: pointer}
.x_box-content{padding:  10px}

.tr td:hover{background: #83c44e}
.focus{background: #83c44e}

.mar_top{margin-top: 10px;}
.mar_bot{margin-bottom: 10px;}
.hide{display: none}

.p{height: 40px; line-height: 40px}
.span_100{display: inline-block; width: 100px; text-align: center}
.span_50{display: inline-block; width: 50px; text-align: center}
.mar_non{margin: 0px}
.col_title{color:#ff6700}
.col_danger{color: #d26a5c}
.ba_col_danger{background: #d26a5c}

.input{height: 12px; line-height: 12px; padding: 9px;font-size: 14px; background-color: #fff; border: 1px solid #e7e7eb; margin: 5px}
.btn{display: inline-block; cursor: pointer; padding: 0 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #e6e7ec; border-radius: 3px}
.btn_suc{background-color: #44b549; border-color: #44b549; color: #fff}
.btn_suc:hover{background-color: #2f9833;}
.btn_danger{background-color:#d26a5c; border-color: #d26a5c;color: #fff}
.btn_danger:hover{background-color: #c94d3c; border-color: #c94d3c;}

.search{font-size: 20px;background: #2f9833; color: #fff; height: 31px; line-height: 31px; display: inline-block; padding: 0 10px; cursor: pointer}

.layui-laypage-curr{color: #fff}
.layui-laypage a:hover{color: #666}

